$(function() {
	// 分类数据的动态加载
	// 动态加载分类数据
	// 获取分类数据，实现动态渲染
	function cateinit() {
		$.ajax({
			url: BigNew.category_list,
			dataType: 'json',
			success: function(res) {
				console.log(res);
				if (res.code == 200) {
					$('.category').html(template('cateTemp', res));
				}
			}
		});
	}
	cateinit();
	// 实现图片的预览
	$('#inputCover').change(function() {
		let myfile = $('#inputCover')[0].files[0];
		let url = URL.createObjectURL(myfile);
		$('.article_cover').attr('src', url);
	});
	// 根据common.js的方法拿到文章的id
	let id = itcast.getArguments(this.location.search).id;
	$.ajax({
		url: BigNew.article_search,
		data: { id },
		dataType: 'json',
		success: function(res) {
			console.log(res);
			if (res.code === 200) {
				$('#inputTitle').val(res.data.title);
				// 下拉列表
				$('.category').val(res.data.categoryId);
				$('.article_cover').attr('src', res.data.cover);
				// 发布时间
				$('#articleDate').val(res.data.date);
				// 富文本框:当赋值给文本域之后，插件会默认的将数据镜像到插件中
				//第一种方法
				$('#articleContent').val(res.data.content);
				//第二种方法
				// setTimeout(() => {
				// tinymce.activeEditor.setContent(res.data.content)
				// }, 200);
			}
		}
	});
	// 编辑修改操作
	$('.btn-edit').click(function(e) {
		e.preventDefault();
		// console.log(tinymce.activeEditor.getContent());
		opt('已发布');
	});
	$('.btn-draft').click(function(e) {
		e.preventDefault();
		// console.log(tinymce.activeEditor.getContent());
		opt('草稿');
	});
	// 实现编辑或存储为草稿
	function opt(state) {
		let formdata = new FormData($('form')[0]);
		formdata.append('content', tinymce.activeEditor.getContent());
		formdata.append('id', id);
		formdata.append('state', state);
		$.ajax({
			type: 'post',
			url: BigNew.article_edit,
			data: formdata,
			dataType: 'json',
			processData: false,
			contentType: false,
			success: function(res) {
				console.log(res);
				if (res.code === 200) {
					alert(res.msg);
					location.href = './article_list.html';
				}
			}
		});
	}
});
